<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="exporta.liquidacion.title"/></title>
    <meta name="heading" content="<fmt:message key='exporta.liquidacion.heading'/>"/>    
</head>
<form:form id="resumen">
<c:set var="buttons">
	<input type="button" class="button" style="width:150px" id="consultarLiquiButton"
      	onclick="exportarCVS()" value="<fmt:message key="button.exportar.liquidacion"/>"/>
    <input type="button" class="button" onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>
<ul><li>
<div class="group" style="width: 300px">
		<div>
            <label for="programas"><fmt:message key="reporte.liquidacion.programas"/></label><br/>
			
			<c:choose>
				<c:when test="${empty programas}">
					<c:out value="${dePrograma}"/> 									
				</c:when>
				<c:otherwise>
					<select name="programas" class="text mediun" id="programas" onchange="setCmbPeriodos()" >
						<option value="" ><fmt:message key="seleccion.combo.default"/></option>
						<c:forEach var="programa" items="${programas}">
							<option value="${programa.id}" >${programa.dePrograma}</option>
						</c:forEach>
					</select>		
				</c:otherwise>
			</c:choose>
         </div>
         <br/>
         <div>
            <label for="periodos"><fmt:message key="reporte.liquidacion.periodos"/></label><br/>
				<c:choose>
				<c:when test="${empty programas}">
					<c:out value="${periodo.descripcion}"/>									
				</c:when>
				<c:otherwise>
					<select class="text mediun" name="periodos" id="periodos">
					<option value="" ><fmt:message key="seleccion.combo.default"/></option>
					</select>		
				</c:otherwise>
			</c:choose>
         </div>
         <br/>
         <div>
            <label for="separador"><fmt:message key="exporta.liquidacion.separador"/></label><br/>
				
				<select class="text mediun" name="separador" id="separador">
					<option value="," ><fmt:message key="exporta.liquidacion.separador.coma"/></option>
					<option value=";" ><fmt:message key="exporta.liquidacion.separador.puntoycoma"/></option>
					<option value="|" ><fmt:message key="exporta.liquidacion.separador.palote"/></option>
				</select>		
				
         </div>
         <br/>					
	</div>	        
</li></ul>	
	<c:out value="${buttons}" escapeXml="false" />
	
</form:form>        

<script type="text/javascript">

function setCmbPeriodos(){

	var coPrograma= dwr.util.getValue("programas");
	if(coPrograma != '-1' && coPrograma != null){
    	
    	dwr.util.useLoadingMessage("Cargando ...");
    	
    	ReporteLiquidacionService.periodosPorHistorioLiquidacion(coPrograma,
    	function(data) {
    		dwr.util.removeAllOptions("periodos");
        	if(data.length>0){
    			dwr.util.addOptions("periodos", data,"id","descripcion");
        	}else{
        		dwr.util.addOptions("periodos",["---"]);
            	}
    	});
	}
}

function exportarCVS(){
	var programa =  dwr.util.getValue("programas");
	var periodo= dwr.util.getValue("periodos");
	var separador= dwr.util.getValue("separador");

	if(programa!=null && programa!=""){
		if(periodo!=null && periodo!=""){
			window.location='<c:url value='exportReporteLiquidacionFile.html?programa='/>'+programa+'&periodo='+periodo+"&deSeparador="+separador;
		}else{
			alert ("debe de escoger un periodo");}
	}else{
		alert("Debe de escoger un programa");
	}
}

</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/ReporteLiquidacionService.js"/>"></script>